<?php include 'header.php'; ?>



      
        <p><img src="img/logo.gif"></p>
        <p></p>
<div class="well"><form action="searchresults.php" method="get">
      <table class="table">
        <thead>
		<tr>
		<th>Destination:<br><input type="text" id="typeahead" ></th>

            <th>Check in:<br><input type="text" class="span2" value="" name="indate" id="dpd1" ></th>
            <th>Check out:<br><input type="text" class="span2" value="" name="outdate" id="dpd2" ></th>
			<th><input class="btn btn-primary btn-large" type="submit" value="Search Rooms"></th>
			
          </tr>
        </thead>
      </table></form>
</div>
	  
	  <script>
		
			$(function(){
			
				$('#typeahead').typeahead({

				    source: function (query, process) {
				        return $.getJSON(
							'destinationtypeahead.php',
							{ query: query },
							function (data) {
				            	return process(data);
				        	});
				    }
				
				});			
				
			});
		
		</script>

	  
<?php include 'footer.php'; ?>